<!-- main container .wide-content is used for this layout without sidebar :)  -->
<link rel="stylesheet" type="text/css" href="css/compiled/form-wizard.css"/>

<!--&lt;!&ndash;<div class="content wide-content">&ndash;&gt;-->
<!--<div class="container-fluid">-->
<!--<div class="settings-wrapper">-->
<!--&lt;!&ndash; avatar column &ndash;&gt;-->
<!--<div class="span3 avatar-box">-->
<!--<div class="personal-image" th:each="item: ${info.imgAry}">-->
<!--<img th:attr="src=${item}" class="avatar img-circle"/>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="container-fluid">-->
<!--<div class="settings-wrapper" id="pad-wrapper">-->
<!--&lt;!&ndash; avatar column &ndash;&gt;-->
<!--&lt;!&ndash;<div class="span3 avatar-box">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="personal-image" th:each="item: ${info.imgAry}">&ndash;&gt;-->
<!--&lt;!&ndash;<img th:attr="src=${item}" class="avatar img-circle"/>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash; edit form column &ndash;&gt;-->
<!--<div class="span12 personal-info">-->
<!--<div class="field-box" th:each="item,iterStat: ${info.logs}">-->
<!--<label th:text="${#dates.format(item.createTime,'yyyy-MM-dd HH:mm:ss')}"></label>-->
<!--<div class="span7 inline-input" type="text" th:text="${item.remark}"></div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!-- end main container -->
<!-- scripts -->
<!--<script src="http://code.jquery.com/jquery-latest.js"></script>-->
<!--<script src="js/bootstrap.min.js"></script>-->
<!--<script src="js/theme.js"></script>-->
<div class="container-fluid">
    <div id="pad-wrapper">
        <div class="row-fluid">
            <div class="span12">
                <div id="fuelux-wizard" class="wizard row-fluid">
                    <ul class="wizard-steps">
                        <li data-target="#step1" class="active">
                            <span class="step">1</span>
                            <span class="title">用户 <br/> 报修申请</span>
                        </li>
                        <li data-target="#step2">
                            <span class="step">2</span>
                            <span class="title">管理员 <br/> 审核指定</span>
                        </li>
                        <li data-target="#step3">
                            <span class="step">3</span>
                            <span class="title">维修人员 <br/> 维修完成</span>
                        </li>
                        <li data-target="#step4">
                            <span class="step">4</span>
                            <span class="title">管理员 <br/> 办结</span>
                        </li>
                    </ul>
                </div>

                <div class="step-content">
                    <div class="step-pane active">
                        <div class="row-fluid form-wrapper">
                            <div class="span4">
                                <div class="personal-image" th:each="item: ${info.imgAry}" style="display: inline">
                                    <img th:attr="src=${item}" style="width: 40%"/>
                                </div>
                            </div>
                            <div class="span8">
                                <div class="field-box" th:each="item,iterStat: ${info.logs}">
                                    <!--<span th:text="${iterStat.count}"></span>-->
                                    <span class="jian-step" th:text="${iterStat.count} + '.'"></span>
                                    <label th:text="${#dates.format(item.createTime,'yyyy-MM-dd HH:mm:ss')}"></label>
                                    <div class="span7 inline-input" type="text" th:text="${item.remark}"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>